<template>
  <div class="page-warrper">
    <el-pagination small
                   :current="pageOpts.current"
                   layout="prev, pager, next"
                   @current-change="changePage"
                   :page-size="pageOpts.pageSize"
                   :total="pageOpts.count">
    </el-pagination>
  </div>
</template>
<script>
export default {
  props: {
    pageOpts: Object
  },
  methods: {
    changePage(page) {
      console.log("xsda", page);
      this.$emit("change-page", page);
    }
  }
};
</script>
<style lang="scss" scoped>
.page-warrper {
  text-align: right;
  margin-top: 10px;
}
</style>

